<template>

    <div  class="clearfix">
      <div>
        <i class="el-icon-search" />
        <span>筛选搜索</span>
      </div>
      <div>
        <el-button class="el-button-search" type="primary" @click="queryProduct(tableSource)" icon="el-icon-search">查询</el-button>
        <el-button class="el-button-search" type="danger" @click="resetForm('ruleForm')"  icon="el-icon-refresh">重置</el-button>
      </div>
    </div>

</template>
<script>
export default {
  name: 'KodaiCardHeader',

  data() {
    return {

    };
  },

  mounted() {

  },

  methods: {

  },
};
</script>

<style lang="scss" scoped>
.clearfix {
  display: flex;
  line-height: 50px;
  font-size: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 0px;

}

.box-card {
  margin: 30px 30px 10px;
}
.el-button-search {
  float: right;
  padding: 3px 0;
  width: 70px;
  height: 35px;
  margin-left: 20px;
}
</style>